import React from 'react'
import './index.less'
import { Button, Card, Tabs,Message, message } from "antd";
import '../ui.less'
const { TabPane } = Tabs;
export default class Tabb extends React.Component {
    callback=(key)=>{
        message.info("key id:"+key)
    }
    render() {
        return (
            <div className="home-wrap">
                <Card title="Tab页签" className="card-warp">
                
                <Tabs defaultActiveKey="1" onChange={()=>this.callback}>
                <TabPane tab="ssa" key="1">
                    Content of Tab Pane 1   
                    </TabPane>
                    <TabPane tab="Tab 2" key="2">
                    Content of Tab Pane 2   
                    </TabPane>
                </Tabs>
                    {/* <Tabs defaultActiveKey="1" onChange={this.callback}>
                        <TabPane tab="Tab 1" key="1">
                            Content of Tab Pane 1
    </TabPane>
                    </Tabs> */}
                </Card>
            </div>
        )
    }
}